<template>
	<div class="load">
		<div class="loadBox"><image src="/static/icon_03.png" mode="heightFix"/></div>
		<ul>
			<li>
				<div class="icon"><image src="/static/icon_07.png" mode="heightFix"/></div>
				<input type="text" placeholder="请输入手机号码" placeholder-style="color:#fff"/>
			</li>
			<li>
				<div class="icon"><image src="/static/icon_10.png" mode="heightFix"/></div>
				<input type="text" placeholder="请输入密码"  placeholder-style="color:#fff"/>
			</li>
		</ul>
		<div class="enter" @click="openindex">登录</div>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				loading: false
			}
		},
		onLoad() {

		},
		methods: {
			openindex(){
				uni.switchTab({
					url:'/pages/index/index'
				})
			},
			getList() {
				this.loading = true
				this.$ajax('releaseIndustryHeadlines', {

				}).then(r => {
					this.loading = false
				})
			}
		}
	}
</script>

<style lang="scss">
	page{
		background: linear-gradient(#335ef2,#75b4ff);
	}
	.load{  padding: 0 60rpx; box-sizing: border-box; width: 100%; }
	.load .loadBox{ width: 100%; padding: 130rpx 0 0 0;}
	.load .loadBox image{ height: 270rpx; width: auto; display: block; margin: 0 auto;}
	.load ul{ width: 100%; padding-top: 145rpx;}
	.load ul li{ position: relative; width: 100%; margin-bottom: 65rpx; border-bottom: 1rpx solid #fff; height: 90rpx;}
	.load ul li .icon{ float: left; width: 100rpx; height: 90rpx; position: relative;}
	.load ul li .icon image{  position: absolute;left: 50%; top: 50%; transform: translate(-50%,-50%); height: 50rpx; width: auto;}
	.load ul li input{ font-size: 32rpx; width: calc(100% - 100rpx); float: left; box-sizing: border-box; height: 100%; border: none; outline: none; display: block; color: #fff; background: none;}
	.load ul li input::-moz-placeholder{ color: #fff;}
	.load ul li input::-webkit-placeholder{ color: #fff;}
	.load ul li input::placeholder{ color: #fff;}
	.load ul li:after{ content: ''; display: block; width: 1rpx; height: 20rpx; position: absolute;left: 0; bottom: 0; background: #fff;}
	.load ul li:before{ content: ''; display: block; width: 1rpx; height: 20rpx; position: absolute;right: 0; bottom: 0; background: #fff;}
	.load .enter{ display: block; width: 100%; text-align: center; height: 84rpx; line-height: 84rpx; font-size: 4rpx; color: #fff; background: #00e5ff; border-radius:.1rpx ;}
	
</style>